<template>
    <div id="apps">
      
        <div style="color: #999999;margin-left: 1%;">
            <div>
        <span >政府平台</span><span>></span><span>企业问题管理</span><span>></span><span>处理问题报表</span>
    </div>
     <div style="display: flex;justify-content: space-between;width: 100%;height: 30px;align-items: center;margin-top: 30px;">

        <h3 style="color: black;width: 100px;">查看报表</h3>
        <div style="margin-right: 3%;">2020年8月所有部门问题工作情况  --  月报（2020-07-25 至 2020-08-25）--  例行存档  --  所有部门</div>
     </div> 

        
    </div>
    <div style="width: 100%;margin-top: 30px;">
        <table border="1px" cellpadding="0px" cellspacing="0px" style="width: 94%;margin-left: 3%;margin-right: 3%;text-align: center;border: #efecec;">
    <tr>
        <td id="tablebc">待办问题：</td>
        <td></td>
        <td  id="tablebc">处理中问题：</td>
        <td></td>
        <td  id="tablebc">已处理问题：</td>
        <td></td>
        <td  id="tablebc">已完结问题：</td>
        <td></td>
    </tr>
    <tr>
        <td  id="tablebc">问题处理数统计：</td>
        <td colspan="7"></td>
    </tr>
    <tr>
        <td  id="tablebc">问题处理热门关键字：</td>
        <td colspan="7"></td>
    </tr>
    <tr>
        <td  id="tablebc">问题处理工作完成情况：</td>
        <td colspan="3"></td>
        <td  id="tablebc">按时办结率：

</td>
        <td colspan="3"></td>
    </tr>
    <tr>
        <td  id="tablebc">问题处理占比：</td>
        <td colspan="7"></td>
    </tr>
    <tr>
        <td  id="tablebc">评价满意度占比：</td>
        <td colspan="7"></td>
    </tr>
    <tr>
        <td colspan="8"  id="tablebc"  style="text-align: center;">各部门问题处理统计图</td>
    </tr>
    <tr>
        <td  id="tablebc">工商部门:</td>
        <td></td>
        <td  id="tablebc">税务部门:

</td>
        <td></td>
        <td  id="tablebc">土地管理部门:

</td>
        <td></td>
        <td id="tablebc">行政许可部门:

</td>
        <td></td>
    </tr>
    <tr>
        <td id="tablebc">人事部门:</td>
        <td></td>
        <td id="tablebc">环保部门:

</td>
        <td></td>
        <td id="tablebc">公安部门:</td>
        <td></td>
        <td id="tablebc">城市管理部门：</td>
        <td></td>
    </tr>
    <tr>
        <td colspan="8" id="tablebc" style="text-align: center;">
各行业问题提报统计图</td>
    </tr>
    <tr>
        <td id="tablebc">工业制造：</td>
        <td></td>
        <td id="tablebc">网络科技：</td>
        <td></td>
        <td id="tablebc">生物制药：</td>
        <td></td>
        <td  id="tablebc">医疗科技：

</td>
        <td></td>
    </tr>
    <tr>
        <td  id="tablebc">餐饮服务：</td>
        <td></td>
        <td  id="tablebc">娱乐：</td>
        <td></td>
        <td  id="tablebc">房地产：</td>
        <td></td>
        <td  id="tablebc">其它：</td>
        <td></td>
    </tr>
    <tr style="height: ;: 80px;">
        <td  id="tablebc" style="height: 80px;">备注：</td>
        <td colspan="7" style="height: 80px;" ></td>
    </tr>
    <tr>
        <td  id="tablebc">附件：</td>
        <td></td>
        <td  id="tablebc">图表：</td>
        <td><span style="color: #4299ff;border-bottom:1px solid #4299ff ;" id="select" @click="selecttable">点击查看图表</span></td>
        <td  id="tablebc">制作人：</td>
        <td></td>
        <td  id="tablebc">制作时间：</td>
        <td></td>
    </tr>
</table>
    </div>
    <div style="width: 94%;margin-top: 40px;margin-left: 3%;display: flex;justify-content: center;margin-bottom: 20px;">
            <div style="display: flex;"><button style="margin-right: 30px;border: 0px;background-color: #0099ff;width: 100px;height: 40px;display: inline-block;color: white;" @click="cancel">导出</button><button style="margin-right: 30px;border: 0px;background-color: #0099ff;width: 100px;height: 40px;display: inline-block;color: white;" @click="settb">关闭</button></div>
        </div>
    </div>
</template>

<script>
import { ref } from 'vue'
import { useRoute } from 'vue-router'
import { useRouter } from 'vue-router'
export default {
    name: "selectReport",
    setup() {
        const route = useRoute();
        const router = useRouter();
        const selecttable=()=>{
            router.push({path:"/ProblemStatistics"})
        };
        const cancel=()=>{
            router.push({path:"/Problemreport"})
        }
        const settb=()=>{
            router.push({path:"/Problemreport"})
        }
      
        return{
            selecttable,
            cancel,
               settb
        }
    
    }
}

</script>

<style  scoped>
#select:hover{
cursor: pointer;
}
#tablebc{
    background-color: #f2f2f2;
    font-size: 14px;
    font-weight: 800;
    text-align: right;
}
#apps {
    width: 80%;
    /* height: 300px;  */
     /* height: 800px; */
    background-color: white;
    /* border: 1px solid red; */
    border-radius: 8px;

}
table td{
    width: 12%;
    height: 40px;
   
}
table tr{
    width: 100%;
    height: 40px;
  
}
</style>